* { padding: 0; margin: 0; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

section { margin-bottom: 14.66667vw; }

footer { position: fixed; bottom: -0.5%; background-color: white; height: 14.66667vw; width: 100%; }

footer .foot { width: 93.33333vw; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

footer .foot a div p { font-size: 2.66667vw; text-align: center; color: black; }

footer .foot a div div { width: 9.33333vw; height: 9.33333vw; }

footer .foot a div div img { width: 100%; height: 100%; }

a { text-decoration: none; }

header { width: 93.86667vw; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6.66667vw; }

header .back { width: 16.4vw; height: 7.6vw; border: 2px solid #ff9344; border-radius: 2vw; font-size: 4vw; color: black; text-align: center; line-height: 6.66667vw; }

header .hd-name { font-size: 4vw; }

header .select select { width: 21.33333vw; height: 8vw; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 4vw; border: 2px solid #ff9344; background-image: url(../img/index/header2.png); background-repeat: no-repeat; background-position: 90%; padding-left: 2vw; }

header .select select option { font-size: 4vw; }

section { width: 93.86667vw; margin: 0 auto; margin-bottom: 14.66667vw; }

section .search { width: 35.73333vw; height: 7.33333vw; border: 2px solid #ff9344; border-radius: 15px; margin: 4.93333vw auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; }

section .search input { width: 26.66667vw; height: 3.46667vw; font-size: 2.66667vw; border: 0px; outline: none; padding-left: 4vw; }

section .search button { width: 5.33333vw; height: 5.33333vw; border: none; background-image: url(../img/index/header1.png); background-repeat: no-repeat; background-color: white; background-size: cover; outline: none; }

section p { text-align: center; font-size: 3.33333vw; }

section .kind { width: 68.66667vw; height: 18.66667vw; margin: 2vw auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

section .kind div { width: 16.66667vw; height: 8.66667vw; background-color: #dcdcdc; text-align: center; line-height: 8.66667vw; font-size: 2.66667vw; color: #898989; }

section .kind div:hover { background-color: #ff9344; color: white; }

section .content .cn-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 4.66667vw; }

section .content .cn-top .top-lf { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

section .content .cn-top .top-lf p { font-size: 4vw; }

section .content .cn-top .top-lf img { width: 8vw; height: 8vw; vertical-align: middle; }

section .content .cn-top .top-rg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

section .content .cn-top .top-rg p { font-size: 3.6vw; }

section .content .cn-top .top-rg img { width: 4vw; height: 4vw; vertical-align: middle; }

section .content .cn-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 4vw; }

section .content .cn-bottom .bt-lf { width: 37.33333vw; height: 46.66667vw; }

section .content .cn-bottom .bt-lf img { width: 100%; height: 100%; }

section .content .cn-bottom .bt-rg .rg-top { width: 56vw; height: 19.33333vw; overflow: hidden; }

section .content .cn-bottom .bt-rg .rg-top img { width: 100%; }

section .content .cn-bottom .bt-rg .rg-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 1.33333vw; }

section .content .cn-bottom .bt-rg .rg-bottom div { width: 26vw; height: 26vw; overflow: hidden; }

section .content .cn-bottom .bt-rg .rg-bottom div img { width: 100%; height: 100%; }

section .content .recommend { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 4.66667vw; }

section .content .recommend div { width: 28vw; height: 26.66667vw; }

section .content .recommend div img { width: 100%; height: 100%; }
